<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="keywords" th:content="${post.postTitle + ',jvm123,常用api,IT系列教程,在线工具,博客,常用工具,jvm123博客,开发参考文档'}"/>
    <meta name="description" th:content="${post.postTitle + ',' + post.postName + '。jvm123是一个java技术分享站，内容涉及java、jvm、程序开发，单元测试框架Spock教程，测试视频教程，spring框架教程等，以及服务器搭建、linux、docker等相关技术。'}"/>
    <title th:text="${post.postTitle + '-Java技术分享站'}"></title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"/>
    <!-- Custom styles for this page -->
    <link href="/static/css/common.css" rel="stylesheet"/>
    <style>
        .item {
            padding: 10px 10px;
        }
        .thumbnail {
            max-width: 100%;
            border-radius: 5px;
        }
        img {
            max-width: 100%;
        }
        pre.prettyprint {
            overflow: auto;
            max-width: 100%;
            margin-bottom: 1.6em;
            padding: 1.6em !important;
            border: 1px solid #e7e7e7 !important;
            background: #fafafa;
            font-family: "Courier 10 Pitch", Courier, monospace;
            font-size: 0.9375rem;
            line-height: 1.6;
        }
    </style>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<main role="main">
    <div class="container py-5 bg-light">
        <div class="row item">
            <div class="col-md-12">
                <h1 th:text="${post.postTitle}" class=""></h1>
            </div>
            <div class="col-md-2">
                <img class="thumbnail" th:if="${post.thumbnail} ne null" th:src="${post.thumbnail}" th:alt="${post.postTitle + '  ' + post.postName}"/>
            </div>
            <div class="col-md-10">

                <p class="card-text">
                    分类：<a class="category" th:each="ca : ${post.categorys}" th:href="${'http://jvm123.com/category/' + ca.slug}" th:text="${ca.name}"></a>
                    <br/>
                    标签：<a class="tag" th:each="tag : ${post.tags}" th:href="${'http://jvm123.com/tag/' + tag.slug}" th:text="${tag.name}"></a>
                </p>
                <div class="d-flex justify-content-between align-items-center">
                    <small>
                        <a target="_blank" th:href="${'#'}" class="">jvm123.com</a>
                    </small>
                    <small class="text-muted" th:text="${post.postDate}"></small>
                </div>
                <p class="card-text" th:utext="${post.postContent}"></p>
                <hr/>
                <p class="card-text">
                    分类：<a class="category" th:each="ca : ${post.categorys}" th:href="${'#' + ca.slug}" th:text="${ca.name}"></a>
                    <br/>
                    标签：<a class="tag" th:each="tag : ${post.tags}" th:href="${'#' + tag.slug}" th:text="${tag.name}"></a>
                </p>
                <div class="d-flex justify-content-between align-items-center">
                    <small>原文链接：
                        <a href="#">分享自jvm123.com，Java技术分享站</a>
                    </small>

                </div>
            </div>

        </div>
    </div>

</main>

<script th:replace="fragment/baiduPush::baidu-push"></script>
<!-- Optional JavaScript -->
<!-- jQuery 在头部导入, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- 代码美化 -->
<link rel="stylesheet" href="/static/prettify/prettify.min.css"/>
<script src="/static/prettify/prettify.min.js"></script>
<script>
    $("pre").attr("class", "prettyprint highlight wp-block-code");
    $("code").attr("data-lang", "java");
    prettyPrint();
</script>
</body>
</html>
